/********* TITULO SHOP **********/
html{
    background-image: url("../../images/miel_textura.jpg");
    background-repeat: no-repeat;
    background-size: 180%;
    min-height: 100%;
    max-height: 100%;
    min-width: 960px;
}

#titulo-shop{
    height: 10%;
    width: 100%;
    padding-top: -10;

    /*border: 2px solid blue;*/
}
#titulo-shop h3{
    margin: 0px;
    text-align: center;
}

/********* BARRA-ORDENAR **********/
#barra-orderby{
    height: 5%;
    width: 100%;
    /*border: 2px solid green;*/
}
#barra-orderby h5{
    display: inline;
    margin-right: 2%;
    margin-left: 6%;
}
#barra-orderby label{
    
}

/****** CATALOGO *********/
#catalogo{
    height: 80%;
    width: 100%;
    /*border: 2px solid red;*/
}

/* div producto*/
.product-box{
    width: 23%;
    height: 45%;
    float: left;
    margin-right: 2%;
    margin-left: 6%;
    margin-top: 1%;
   /* background-color: lime;*/
    border: 2px solid #3F3F3F;
    border-radius: 10px;
}
.product-img{
    width: 65%;
    height: 100%;
    float: left;
    overflow: hidden;
    opacity: 1;
}
.product-img img{
    width: auto;
    height: 100%;
    float: left;
    opacity: 1;
    border-radius: 7px;
}
.product-img img:hover{
    cursor: pointer;
}
.product-desc{
    width: 35%;
    height: 100%;
    background-color: #F8E697;
    float: right;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.list-product{
    list-style: none;
    display: inline;
}
.list-product li{
    margin-left: 5%;
    margin-top: 5%;
    padding: 0;
}
.list-product li a{
    display: inline;
}

#cont-carrito{
    width: 20%;
    height: 6%;
   /* border: 1px solid lime;*/
    float: right;
    margin-right: 10%;
    margin-top: -50;
    position: relative;
}
#msg-empty-cart{
    /*margin-left: 2.5%;*/
     float: right;
    position: relative;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
#full-cart{
    width: 70%;
    height: 27px;
    float: right;
    position: relative;
    text-align: center;
    background-color: #3F3F3F;
    display: block;
    overflow: hidden;
    -moz-transition-property: height;
    -moz-transition-duration: 1.0s;
    -webkit-transition-property: height;
    -webkit-transition-duration: 1.0s;
    -o-transition-property: height;
    -o-transition-duration: 1.0s;
    -ms-transition-property: height;
    -ms-transition-duration: 1.0s;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}
#full-cart a{
    color: white;
    text-decoration: underline;
    padding-bottom: 30px;
}
#full-cart:hover{
    height: 400px;
    color: white;
}
#pagination{
    width: 100%;
    height: 15%;
  /* position: absolute;*/
    float: left;
    /*margin-top: 430px;*/
}

#pagination h4{
    text-align: center;
    margin-top: 2%;
}
.to-detail{
    font-weight: bold;
}
.link-detail:hover{
    text-decoration: underline;
}
a.pag{
	padding:0.3%;
	background-color:#D48642;
	color: #FFF;
	text-decoration: none;
	display:inline;
	font-size:16px;
        border-radius: 5px;
}
a.pag:hover{
	background-color:#D57B2C;
}
#lbl-carrito{
   background-color: #3F3F3F;
   width: 100%;
}
#lbl-carrito > span{
    font-weight: bold;
}
#itemCart{
    width: 100%;
    background-color: #484848;
    -webkit-box-shadow: 2px 2px 2px #737574;
   -moz-box-shadow: 2px 2px 2px #737574;
}
#totalPrecio{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    border-top: 1px solid #737574;
    padding-top: 2px;
}
#img-cart{
    margin-right:  5px;
}
#cart-confirm{
    width: 75%;
    margin-top: 15px;
    height: 0px;
    display: block;
    margin-left: 15%;
    padding-top: 3px;
    background-color: #DAAA1D;
    text-decoration: none;
}
.no-stock-product{
    color: red;
    font-weight: bold;
}
#product-page{
width: 95%;
height: 95%;
margin-left: 2%;
/*border: 1px solid green;*/
}
#product-img{
    width: 40%;
    height: 80%;
   /* border: 1px solid red;*/
    float: left;
    margin-left: 8%;
    margin-top: 5%;
}
#product-img img{
    margin-left: 20%;
    margin-top: 5%;
}
#product-detail{
    width: 40%;
    height: 80%;
    /*border: 1px solid red;*/
    float: left;
    margin-top: 5%;
}
#table-detail-p{
    width: 70%;
    height: 40%;
}
#dropItem{
    margin-left: 5%!important;
   -moz-transform:rotate(45deg)!important;
    -webkit-transform:rotate(45deg)!important;
    -ms-transform:rotate(45deg)!important;
    -o-transform:rotate(45deg)!important;
    text-decoration: none!important;
    color: red!important;
}